import {View, Text, Image} from "@tarojs/components"
import Taro from "@tarojs/taro"
import {Avatar,Tabs} from "@nutui/nutui-react-taro";
import {useState} from "react";
import ModelingPager from "@/components/service/modeling";
import BarberPager from "@/components/service/barber";
import ExamplePager from "@/components/service/example";
import "./index.scss"

export default function  ServicePager() {
  const [tab1value, setTab1value] = useState<string | number>('0')

  return (
    <View className="pageServiceContainer">
      <Tabs
        value={tab1value}
        align="left"
        onChange={(value) => {
          setTab1value(value)
        }}
        className="tabs"
        activeColor='#000000'
      >
        {/*<Tabs.TabPane title="服务">*/}
        {/*  <ModelingPager />*/}
        {/*</Tabs.TabPane>*/}
        <Tabs.TabPane title="案例" >
          <ExamplePager />
        </Tabs.TabPane>
        {/*<Tabs.TabPane title="理发师">*/}
        {/*  <BarberPager />*/}
        {/*</Tabs.TabPane>*/}
      </Tabs>
    </View>
  )
}
